<mat-list-item role="listitem"
               [ngClass]="{'active': item.active}"
               (click)="onClick(item)">
  <div class="omv-list-item-indent-z{{ depth }}"></div>
  <mat-icon svgIcon="{{ item.icon }}"></mat-icon>
  <div>
    {{ item.text | translate }}
  </div>
  <div *ngIf="item.children?.length > 0"
       fxFlex>
    <div fxFlex></div>
    <mat-icon svgIcon="{{ item.expanded ? icon.chevronDown : icon.chevronRight }}"></mat-icon>
  </div>
</mat-list-item>
<div *ngIf="item.expanded && item.children?.length > 0">
  <omv-navigation-bar-list-item *ngFor="let child of item.children"
                                [item]="child"
                                [depth]="depth + 1">
  </omv-navigation-bar-list-item>
</div>
